html,
body,
#app {
  height: 100%;
  width: 100%;
}
body {
  margin: 0;
}

/* 统一浅色遮罩（比默认更浅，避免过暗） */
.light-modal-mask {
  background-color: rgba(0, 0, 0, 0.35) !important;
}

/* 统一表单类对话框外观 */
.form-dialog:where(.el-dialog) {
  border-radius: 10px !important;
  padding: 16px 20px !important;
}
.form-dialog .el-dialog__header {
  margin-right: 0 !important;
}
.form-dialog .el-dialog__body {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.form-dialog .el-dialog__footer {
  padding-top: 8px !important;
}

/* 通用徽章样式（表格内数字/枚举的彩色小圆角块） */
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 22px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  box-sizing: border-box;
}
.badge--blue {
  background-color: #409eff;
}
.badge--green {
  background-color: #67c23a;
}
.badge--orange {
  background-color: #e6a23c;
}
.badge--red {
  background-color: #f56c6c;
}
.badge--gray {
  background-color: #909399;
}
